import React from 'react'

interface Props {
  className?: string
}

const SecretCards = ({ className }: Props) => (
  <svg className={className} viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.8,1.7l4.1-0.4c1.2-0.1,2.3,0.8,2.4,1.9l0.8,8.8c0.3-0.3,0.4-0.6,0.4-1.1V2.1c0-0.8-0.6-1.4-1.4-1.4H4.2
	C3.5,0.7,3,1.1,2.8,1.7z M10,13c-0.2,0.8-1,1.4-1.9,1.5L3.2,15C2,15.1,1,14.2,0.9,13.1L0,4.1C-0.1,3,0.8,1.9,2,1.8l0.1,0
	C2.2,0.8,3.1,0,4.2,0h4.9c1.2,0,2.2,1,2.2,2.1v8.9C11.2,11.9,10.8,12.7,10,13z M0.7,4.1C0.7,3.3,1.2,2.6,2,2.5l4.9-0.5
	C7.7,2,8.4,2.6,8.5,3.4l0.8,8.9c0.1,0.8-0.5,1.5-1.3,1.6l-4.9,0.5c-0.8,0.1-1.5-0.5-1.6-1.3L0.7,4.1z"
      fill="#0C0B0B"
    />
    <path
      d="M4.5,9.7L4.3,8.2c1-0.4,1.5-0.9,1.4-1.5c0-0.2-0.1-0.3-0.2-0.4C5.5,6.2,5.3,6.1,5.2,6C5.1,6,4.9,6,4.7,6
      C4.5,6,4.3,6.1,4.1,6.3C3.9,6.4,3.8,6.6,3.8,6.9L2.5,6.8c0-0.3,0.1-0.5,0.2-0.7c0.1-0.2,0.3-0.4,0.4-0.6C3.3,5.3,3.5,5.1,3.7,5
      C4,4.9,4.3,4.8,4.6,4.8c0.3,0,0.6,0,0.9,0C5.8,4.9,6,5,6.3,5.1c0.2,0.1,0.4,0.3,0.6,0.6C7,5.9,7.1,6.2,7.1,6.5c0,0.3,0,0.6-0.1,0.9
      C6.9,7.6,6.8,7.9,6.5,8.1C6.3,8.4,6,8.6,5.7,8.7l0.1,0.8L4.5,9.7z M5.4,11.7c-0.2,0-0.3,0-0.4,0c-0.1-0.1-0.2-0.1-0.3-0.2
      c-0.1-0.1-0.1-0.3-0.2-0.4c0-0.2,0-0.3,0-0.4c0.1-0.1,0.1-0.2,0.3-0.3c0.1-0.1,0.2-0.1,0.4-0.2c0.2,0,0.3,0,0.4,0
      c0.1,0.1,0.2,0.1,0.3,0.3c0.1,0.1,0.1,0.2,0.2,0.4c0,0.2,0,0.3-0.1,0.4c-0.1,0.1-0.1,0.2-0.2,0.3C5.7,11.6,5.6,11.7,5.4,11.7z"
      fill="black"
    />
  </svg>
)

export default SecretCards
